*{margin: 0;padding: 0;}
body{font: 12px/1.6 tahoma,arial,sans-serif;min-width: 1200px;min-width: 1200px;color: #333;}
a{text-decoration: none;color: #333333}
li{list-style: none;}
//购物车头部
#header{
  height: 31px;
  margin-bottom: 0;
  background: #fff;
  border-bottom: 1px solid #eee;
  .wrap{
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    .home{
      background: url(http://s6.mogucdn.com/pic/140808/o613k_ieygizrthfrdgyzymiytambqgqyde_15x26.png) no-repeat 0 -5px;
      padding: 0 20px;
      display: inline-block;
      height: 30px;
      line-height: 30px;
      vertical-align: top;
      margin-left: 20px;
      float: left;
    }

    .header_top{
      float: right;
      .user_meta{
        &:hover .ext_mode{
          display: block;
        }
      }
      .s1{
        display: inline;
        position: relative;
        z-index: 100;
        float: left;
        margin: 0 15px 0 0;
        height: 31px;
        a{
          float: left;
          overflow: hidden;
          margin-top: 8px;
          color: #666;
          line-height: 14px;
          padding-right: 5px;
        }
        .icon_delta{
          position: absolute;
          width: 7px;
          height: 5px;
          top: 14px;
          right: 0;
          background: url(http://s6.mogucdn.com/pic/140808/o613k_ieygizrthfrdgyzymiytambqgqyde_15x26.png) 0 0;
        }
        .ext_mode {
          display: none;
          position: absolute;
          z-index: 999;
          width: 90px;
          top: 100%;
          left: -10px;
          background: #fff;
          border: 1px solid #eee;
          border-top: none;
          border-radius: 0 0 3px 3px;
          .s2{
            margin-bottom: 2px;
            a{
              float: none;
              display: block;
              height: 28px;
              line-height: 28px;
              padding: 0 20px;
              margin: 0;
              overflow: hidden;
              color: #444;
              &:hover{
                background: #eee;
              }
            }
          }
        }
      }
      .myorder{
        background: url(http://s17.mogucdn.com/p1/150923/upload_ie2wmzdehazwkztdgmzdambqhayde_100x400.png) no-repeat;
        background-position: 20px -212px;
        a{
          padding-left:38px;
          border-left: 1px solid #ddd;
        }
      }
      .shop_cart_v2>a{
        padding-left: 38px;
        border-left: 1px solid #dddddd;
      }
      .has_line{
        background: url(http://s17.mogucdn.com/p1/150923/upload_ie2wmzdehazwkztdgmzdambqhayde_100x400.png) no-repeat;
        background-position: 12px -104px;
        .car_info_wrap{
          position: relative;
          z-index: 10;
          display: inline-block;
          .cart_info{
            display: inline-block;
            color: #333;
            cursor: pointer;
          }
        }
      }
    }
  }
}
//搜索
.header_mid {
  position: relative;
  clear: both;
  border-bottom: 1px solid #f69;
  height: 110px;
  .wrap {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    .logo {
      float: left;
      width: 250px;
      height: 60px;
      margin-top: 28px;
      margin-bottom: 20px;
      overflow: hidden;
      text-indent: -999em;
      background: url(http://d02.res.meilishuo.net/pic/_o/50/a7/735e2614e3911e621f0446e54597_204_52.c5.png) no-repeat;
    }
    .top_nav_search {
      position: relative;
      z-index: 50;
      float: left;
      width: 502px;
      margin: 35px 0 0 132px;
      .search_inner_box {
        border: 1px solid #f36;
        min-height: 33px;
        .selectbox {
          position: relative;
          float: left;
          width: 70px;
          z-index: 10;
          .selected {
            display: block;
            height: 33px;
            line-height: 32px;
            padding-left: 12px;
            color: #666;
            cursor: pointer;
            background-color: #fff;
            border-radius: 4px 0 0 4px;
            background-image: url(http://s16.mogucdn.com/p1/150918/upload_ieytszrsgaytmm3cgmzdambqmeyde_100x400.png);
            background-repeat: no-repeat;
            background-position: 51px -17px;
          }
        }
        .ts_txt {
          float: left;
          height: 21px;
          line-height: 20px;
          padding: 6px 10px 6px 6px;
          width: 344px;
          border: none;
          color: #999;
          font-size: 12px;
        }
        .ts_btn {
          float: left;
          height: 33px;
          overflow: hidden;
          width: 70px;
          background-color: #f36;
          border: none;
          cursor: pointer;
          color: #fff;
          text-indent: -999em;
          background-image: url(http://s16.mogucdn.com/p1/150918/upload_ieytszrsgaytmm3cgmzdambqmeyde_100x400.png);
          background-repeat: no-repeat;
          background-position: 27px -57px;
        }
        .top_search_hint {
          display: none;
          position: absolute;
          left: 0;
          top: 33px;
          width: 500px;
          z-index: 999;
          font-size: 12px;
          background-color: #fff;
          border: 1px solid #cecece;
          border-top: 1px solid #f36;
        }
      }
    }
  }
}
//内容
#content{
  margin-top: 20px;
  overflow: hidden;
  .box{
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    background: #ffffff;
    .left{
      float: left;
      width: 170px;
      margin-right: 14px;
      background: #fafafa;
      .left_ul{
        border:1px solid #e5e5e5;
        padding:1px 20px 55px 30px;
        li{
          overflow: hidden;
          margin-top: 25px;
          font-weight: 700;
          line-height: 14px;
          a{
            color: #333;
            display: inline-block;
            width: 100%;
            font-size: 14px;
            cursor: pointer;
            em{
              width: 5px;
              height: 7px;
              float: right;
              margin-top: 4px;
              background: url("");
              display: inline-block;
            }
          }
          ul{
            li{
              margin-top: 15px;
              border-bottom: 0;
              font-weight: 400;
              overflow: hidden;
              line-height: 14px;
              a{
                font-size: 12px;
                color: #666;
                &:hover{
                  color: #f69;
                }
              }
            }
            .c a{
              color:#f69;
            }

          }
        }
      }
    }
    .right{
      width: 1014px;
      float: left;
      padding-bottom: 20px;
      .title{
        position: relative;
        height: 40px;
        margin-bottom: 30px;
        line-height: 40px;
        background: #fafafa url(http://s8.mogucdn.com/pic/140909/1blhwf_ieydemldmy4tombtmmytambqgiyde_5x40.gif) repeat-x;
        li{
          float: left;
          font-weight: 700;
          text-align: center;
        }
        .goods{
          width: 32%;
        }
        .price{
          width: 11.7%;
        }
        .num{
          width: 6.8%;
        }
        .aftersale{
          width:11.7%;
        }
        .total{
          width:12.5%;
        }
        .status{
          width:12.5%;
        }
        .other{
          width:12.5%;
        }
      }
      .order_list{
        .order_section{
          margin-bottom: 30px;
          table{
            border-collapse: collapse;
            border-spacing: 0;
          }
          .order_table{
            width: 100%;
            border: 1px solid #ffdb82;
            .table_header{
              background: #f4f4f4;
              height: 40px;
              td{
                padding-left: 12px;
                color: #666;
                .order_info{
                  float: left;
                  span{
                    margin-right: 30px;
                  }
                }
              }
            }
            .table_item{
              td{
                padding: 20px 0 0;
                color: #333;
                vertical-align: top;
              }
              .goods{
                border-bottom: none;
                padding-bottom: 10px;
                position: relative;
                width: 32%;
                .pic{
                  width: 70px;
                  height: 70px;
                  border: 1px solid #ddd;
                  border-radius: 3px;
                  overflow: hidden;
                  float: left;
                  margin-left: 20px;
                  img{
                    border: 0;
                    vertical-align: middle;
                  }
                }
                .desc{
                  line-height: 20px;
                  width: 210px;
                  float: left;
                  margin-left: 20px;
                  p{
                    color: #999999;
                    a{
                      text-decoration: none;
                      color: #333;
                      &:hover{
                        color: #ff6699;
                      }
                    }
                  }
                }
              }
              .price{
                border-bottom: none;
                font-weight: 700;
                text-align: center;
                width: 11.7%;
                .price_old {
                  color: #999;
                  font-weight: 400;
                  text-decoration: line-through;
                }
              }
              .num{
                border-bottom: none;
                font-weight: 700;
                text-align: center;
                width: 6.8%;
              }
              .aftersale{
                border-bottom: none;
                font-weight: 700;
                text-align: center;
                width: 11.7%;
              }
              .total{
                border-bottom: none;
                text-align: center;
                width: 12.5%;
                .total_price{
                  font-size: 16px;
                  text-align: center;
                }
              }
              .status{
                border-left: 1px solid #ececec;
                text-align: center;
                width: 12.5%;
                p{
                  margin-bottom: 8px;
                  color: #666;
                  font-weight: 700;
                }
                .order_link {
                  display: block;
                  overflow: hidden;
                  height: 20px;
                  margin-bottom: 3px;
                  color: #4598c8;
                }
              }
              .other{
                border-left: 1px solid #ececec;
                text-align: center;
                width: 12.5%;
              }
            }
            .table_footer{
              height: 56px;
              td{
                border-top: 1px solid #e1e1e1;
                ul{
                  li{
                    float: left;
                    display: inline-block;
                    margin-left: 20px;
                    a{
                      width: 66px;
                    }
                    .order_inline{
                      display: block;
                      overflow: hidden;
                      height: 20px;
                      margin-bottom: 3px;
                      color: #4598c8;
                    }
                  }
                }
              }
              .total{
                font-weight: 700;
                text-align: center;
                width: 12.5%;
                span{
                  font-size: 12px;
                  font-weight: 400;
                }
              }
              .status{
                text-align: center;
                width: 12.5%;
                p{
                  color: #666;
                  font-weight: 700;
                }
              }
              .other{
                text-align: center;
                width: 12.5%;
                .order_btn {
                  min-width: 52px;
                  height: 22px;
                  margin: 0 auto;
                  padding: 5px 20px;
                  border: 1px solid #f36;
                  border-radius: 2px;
                  line-height: 22px;
                  font-weight: 700;
                }
                .primary {
                  background: #f36;
                  color: #fff;
                }

              }
            }
          }
        }
      }
    }
  }
}

//底部
#foot{
  width: 100%;
  margin-top: 25px;
  padding-top: 30px;
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  .friendlink{
    width: 1200px;
    height: 31px;
    clear: both;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    line-height: 31px;
    padding: 0px 10px;
    overflow: hidden;
    margin: 0 auto;
    .link{
      float: left;
    }
    .link_slide{
      float: left;
      height: 20px;
      line-height: 31px;
      width: 800px;
      overflow: hidden;
      li{
        float: left;
        a{
          padding-left: 5px;
          color: #666;
          &:hover{
            color: #f69;
          }
        }
      }
    }
    .more{
      color: #666;
      float: right;
      &:hover{
        color: #f69;
      }
    }
  }
  .record{
    width: 1200px;
    height: 70px;
    margin: 0 auto;
    clear: both;
    border-top: 1px solid #e6e6e6;
    line-height: 22px;
    padding-top: 10px;
    padding-bottom: 15px;
    a{
      color: #666;
    }
  }
}


























